<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <title>百度一下</title>
    <!--百度图标-->
    <link rel="shortcut icon" href="img/home/icon/BaiDu-title.png" type="image/x-icon">
    <!--css样式-->
    <link rel="stylesheet" href="css/home.css" type="text/css">
    <!--获取 fontSize-->
    <script type="text/javascript" src="asset/getFontSize.js"></script>
</head>
<body>
<!--顶部的2个导航按钮-->
<header>
    <nav class="nav">
        <!--跳转到 广场 square-->
        <a href="square.html">
            <div class="square-icon"></div>
        </a>
        <a href="personal.html">
            <div class="login-icon"></div>
        </a>
    </nav>
    <div class="mid">
        <!--百度 logo-->
        <div class="BaiDu-logo"></div>
        <div class="search-box">
            <div class="search-content">
                <input type="text" placeholder='' class="search-txt">
                <!--录音 logo-->
                <span class="record-icon"></span>
                <!--拍照 logo-->
                <span class="camera-icon"></span>
            </div>
            <!--确认按钮-->
            <span class="search-button">
                <a href="result.html" id="search-button">
                    百度一下
                </a>
            </span>
        </div>
    </div>
</header>

<footer class="bottom">
    <!--访问旧版本-->
    <a href="oldVersion.html">
        <div class="back-old">访问旧版</div>
    </a>
    <!--用户反馈-->
    <div class="feedback">
        <img src="img/home/icon/feedback-icon.png" alt="反馈" class="feedback-icon">
        用户反馈
    </div>
    <!--百度前必读-->
    <div class="set-book">使用百度前必读&nbsp;BaiDu&nbsp;京ICP证030173号</div>
</footer>
<!--引入 JS 代码-->
</body>
</html>